import React, { Component } from 'react';
import TextField from 'material-ui/TextField';
import { Card, CardText } from 'material-ui/Card';

import { errorHandle } from '../Utils/ErrorHandle';

export default class EditOtherInfo extends Component {
  render() {
  	return (
  	  <Card className='card-line center-block' style={styles.card}>
        <CardText style={{
          paddingLeft: 24,
          paddingRight: 24
        }}>
          <TextField
            floatingLabelText="个性签名(可选)"
            fullWidth={true}
            multiLine={true}
            rows={3}
            defaultValue={this.props.notes}
            onChange={this.props.handleChangeText.bind(this, 'notes')}
            errorText={errorHandle(this.props.error, 'notes')}
          />
        </CardText>
      </Card>
  	);
  }
};

const styles = {
  card: {
    maxWidth: 728,
    position: 'relative',
    marginBottom: 0
  },
};